$('#outDepartment').bootstrapTable({
    url: '/super/getAllOutDepartment',         //请求后台的URL（*）
    method: 'post',                      //请求方式（*）
    toolbar: '#toolbar',                //工具按钮用哪个容器
    striped: true,                      //是否显示行间隔色
    cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
    pagination: false,                   //是否显示分页（*）
    sortable: false,                     //是否启用排序
    sortOrder: "asc",                   //排序方式
    /*queryParams: function (params) {    //传递参数（*）

    },*/
    sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
    pageNumber: 1,                       //初始化加载第一页，默认第一页
    /*pageSize: 10,                       //每页的记录行数（*）
    pageList: [10, 25, 50, 100],        //可供选择的每页的行数（*）*/
    search: true,                       //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
    strictSearch: true,
    showColumns: true,                  //是否显示所有的列
    showRefresh: true,                  //是否显示刷新按钮
    minimumCountColumns: 2,             //最少允许的列数
    clickToSelect: true,                //是否启用点击选中行
    height: 500,                        //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
    uniqueId: "ID",                     //每一行的唯一标识，一般为主键列
    showToggle: true,                    //是否显示详细视图和列表视图的切换按钮
    cardView: false,                    //是否显示详细视图
    detailView: false,                   //是否显示父子表
    columns: [
        {
            field: "id",
            title: "编号",
            align: 'center'
        }, {
            field: 'storename',
            title: '外部部门名称',
            align: 'center'
        }, {
            field: 'contactperson',
            title: '联系人',
            align: 'center'
        }, {
            field: 'phone',
            title: '联系电话',
            align: 'center'
        }, {
            field: 'address',
            title: '地址',
            align: 'center',
            formatter: function (value, row, index) {
                if (row.address.length > 10) {
                    var str = "<a href='javascript:void(0);' title='" + row.address + "'>" + row.address.substring(0, 10) + "</a>";
                    return str;
                } else {
                    return "" + row.address + "";
                }
            }
        }, {
            field: "operator",
            title: "操作",
            align: "center",
            formatter: function (value, row, index) {
                return "<a href='javascript:void(0)' onclick='openChangeOutDepartment(" + row.id + ");'>修改</a>&nbsp&nbsp" +
                    "<a href='javascript:void(0)' onclick='delOutDepartment(" + row.id + ")'>删除</a>";
            }
        }
    ]
});

/**
 * 打开添加外部部门模态框
 */
function openAddOutDepartment() {
    $("#add-modal").modal("show");
    $("#add-modal .modal-body").load("/super/openAddOutDepartment.html");
}

function openChangeOutDepartment(outDepartmentId) {

}

function delOutDepartment(outDepartmentId) {
    swal({
            title: "您确认要删除这个部门吗？",
            text: "删除之后不可恢复，请谨慎操作!",
            type: "warning",
            showCancelButton: true,
            confirmButtonColor: "#DD6B55",
            confirmButtonText: "确定删除！",
            cancelButtonText: "取消删除！",
            closeOnConfirm: false,
            closeOnCancel: false
        },
        function (isConfirm) {
            if (isConfirm) {
                $.post(
                    "/super/delOutDepartment",
                    {
                        "outDepartmentId": outDepartmentId
                    }, function (data) {
                        if (data.updates == 1) {
                            swal("删除成功！", "该部门已删除!",
                                "success");
                            $("#outDepartment").bootstrapTable("refresh");
                        } else {
                            swal("删除失败！", "服务器忙,请重试!",
                                "error");
                            $("#outDepartment").bootstrapTable("refresh");
                        }
                    }, "json"
                );
            } else {
                swal("删除失败！", "您取消了操作!", "error");
            }
        }
    );
}

